<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
	<meta http-equiv="Pragma" content="no-cache" />
	<meta http-equiv="Expires" content="0" />
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="format-detection" content="telephone=no">
	<meta name="format-detection" content="email=no">
	<meta name="applicable-device" content="mobile">
	<meta name="author" content="jsl" />
	<title></title>
	<link rel="apple-touch-icon" href="../img/logo100.png">
	<link rel="icon" href="../img/logo100.png">
	<link rel="stylesheet" type="text/css" href="../lisp/vant/css/vantCss.css?rev=@@hash" />
	<link rel="stylesheet" type="text/css" href="../css/common.min.css?rev=@@hash" />
	<link rel="stylesheet" type="text/css" href="../css/gap.css?rev=@@hash" />
	<!--login本页面css-->
	<link rel="stylesheet" type="text/css" href="../font/iconfont.css?rev=@@hash" />
	<link rel="stylesheet" type="text/css" href="../css/invite.css?rev=@@hash" />
	<link rel="stylesheet" type="text/css" href="../css/indexOfGift.css?rev=@@hash" />
</head>

<body id="indexOfGift">
	<div class="hui"></div>
	<div class="bai"></div>
	<div class="hintInfo"></div>
	<div class="loadImgBox">
		<img class="loadImg" src="../img/load.gif?v= 7f0d7ae" />
	</div>
	<div id="app" v-cloak>
		<van-nav-bar v-show='!!isApp' :title="!!isGiftVip?'VIP权益':'邀请VIP店主'" :left-arrow="!isGiftVip||!!getQueryString('hasBackApp')?true:false" @click-left="backApp"></van-nav-bar>
		<div id="supernatant" class="rgba6 share-box">
			<div class="supernatant-left">
				<img class="getCommonHead">
				<p>
					<i class="getCommonName">姿美汇VIP</i>
					<span class="getCommonCode">邀请您成为姿美汇VIP店主</span>
				</p>
			</div>
			<div class="supernatant-right">
				<div id="on" class="clipboardPro">
					打开APP
				</div>
			</div>
		</div>
		<div class="indexOfGift" :class="!!shareUserId||!!isApp?'padding-top-50':''">
			<div class="indexOfGift-top">
				<img class="indexOfGift-banner" src="../img/indexOfGift/banner.png" alt="">
				<div class="indexOfGift-top-banner">
					<div v-for="item,index in tabbarData" class="indexOfGift-top-cell">
						<img :src="'../img/indexOfGift/'+(index+1)+'.png'">
						<div v-text='item'></div>
					</div>
				</div>
			</div>
			<div class="indexOfGift-hui"></div>
			<!-- margin-bottom-50 -->
			<div class="indexOfGift-goodslist" :class="!isApp?'':!!isGiftVip?'':'margin-bottom-65'">
				<van-tabs color="#ff8e9c" v-model="active" swipeable sticky>
					<van-tab v-for="item,index in tabData" :title="item">
						<!-- 大礼包商品-start -->
						<div v-show='!active'>
							<!-- <van-pull-refresh v-model="isLoading" @refresh="onRefresh"> -->
							<!-- 大礼包标题-start -->
							<div class="indexOfGift-list-title">
								<p>超值大礼包 任选一款</p>
								<p>成功购买后即可升级VIP店主</p>
							</div>
							<!-- 大礼包标题-end -->
							<!-- 商品信息-start -->
							<div class="product-details-hot product-details-hot-false needsclick">
								<div class="product-hot " v-for="(item,index) in listData" :key='index' @click.stop="toProduct(item.virtualGoodsCode+'&isGift=1&isApp='+isApp+'&isGiftVip='+isGiftVip+'&goodsCode='+item.goodsItems[0].goodsCode)">
									<div class="productBox-recommend">
										<img v-lazy="item.imgUrl.indexOf('group1/M00')<0?item.imgUrl:item.imgUrl+'_600x8000.jpg'" />
									</div>
									<div class="product-hot-division"></div>
									<div class="product-hot-info">
										<span v-text="item.goodsName"></span>
									</div>
									<div class="product-hot-price">
										<span class="no-price">¥<i v-text='item.price'></i></span>
									</div>
									<div class="product-btn-box">
										<span class='needsclick product-btn' @click.stop='toNext(item)' v-text="!isApp?'立即购买':!!isGiftVip?'立即购买':'立即分享'"></span>
									</div>
								</div>
							</div>
							<!-- 商品信息-end -->
							<!-- </van-pull-refresh> -->
						</div>
						<!-- 大礼包商品-end -->
						<!-- vip权益-start -->
						<div class="indexOfGift-vipRules" v-show='!!active'>
							<template v-for='itm,indx in vipRules'>
								<img :src="itm+'_700x15000.jpg'" alt="">
							</template>
						</div>
						<!-- vip权益-end -->
					</van-tab>
				</van-tabs>
			</div>
		</div>

		<!--底部弹框 加入购物车规格选择 start-->
		<van-popup v-model="cartShow" position="bottom" class="specificationChooce">
			<div class="specificationChooce-info">
				<div class="specificationChooce-info-left">
					<img :src="specificationData.specificationDetail.imgUrl">
				</div>
				<div class="specificationChooce-info-right">
					<p v-text="'￥'+specificationData.specificationDetail.price"></p>
					<p>库存<i v-text="specificationData.inventory"></i>件</p>
					<p v-text="'已选:'+specificationData.specificationDetail.specifications"></p>
				</div>
			</div>
			<!-- 规格选择 -start -->
			<div class="specificationChooce-specification">
				<p>规格</p>
				<ul>
					<template v-for="(item, index) in specificationData.specificationList" :key="item">
						<li v-if="item.inventory == 0" class="specification-noactive" v-text="item.specifications"></li>
						<li v-else v-text="item.specifications" :class="{'specification-active':index == specificationData.secondActive}" @click="specificationDetail(index)"></li>
					</template>
				</ul>
			</div>
			<!-- 规格选择 -end -->
			<div class="safeguardExplain-close" @click="submitGiftInfo">确定</div>
			<i class="van-sku__close-icon van-icon van-icon-close" @click="cartShow=!cartShow"></i>
		</van-popup>
		<!--底部弹框 加入购物车规格选择 end-->

		<!-- app内部用户信息录入 -start -->
		<van-popup v-model="appInfoEnter" position="bottom" class="inviteStorer-enter">
			<div class="inviteStorer-enter-close" @click="appInfoEnter=false">×</div>
			<div class="inviteStorer-enter-title textCenter">填写店铺注册信息</div>
			<div class="inviteStorer-enter-content textCenter">店铺利润提现需要使用您的真实姓名，请认真填写</div>
			<div class="inviteStorer-enter-input">
				<input v-model.trim="userName" @blur="blurMouse" @focus="focusMouse" class="focusMouse" type="text" placeholder="请输入真实姓名" value="" />
			</div>
			<div class="inviteStorer-enter-input">
				<label class="inviteStorerPhone">+86</label>
				<input v-model="isApp?isGiftVip:userPhone" readonly maxlength="11" type="tel" placeholder="请输入手机号" value="" />
			</div>
			<div class="warringInfo">当前手机账号，不可更改</div>
			<div class="warringInfo margin-bom-40"></div>
			<div @click="toAppGiftPay" :class="['inviteStorerEnterbtn','textCenter',{active:!!userName}]">确定</div>
		</van-popup>
		<!-- app内部用户信息录入 -end -->
		<div v-show='!!isApp&&!isGiftVip' @click='toNext' class="indexOfGift-app-share">分享邀请好友</div>
		<!-- !isApp -->
		<!-- <van-tabbar v-show='!isApp' v-model="tabbarStatus">
			<van-tabbar-item icon="chat" @click="location.href='index.html'">
				<span>首页</span>
				<img slot="icon" slot-scope="props" :src="props.active ? icon.active : icon.normal">
			</van-tabbar-item>
			<van-tabbar-item icon="chat">
				<span>VIP权益</span>
				<img slot="icon" slot-scope="props" :src="props.active ? icon.active3 : icon.normal3">
			</van-tabbar-item>
			<van-tabbar-item icon="chat" @click="location.href='shoppingCart.html'">
				<span>购物车</span>
				<img slot="icon" slot-scope="props" :src="props.active? icon.active1 : icon.normal1">
			</van-tabbar-item>
			<van-tabbar-item icon="chat" @click="location.href='my.html'">
				<span>我的</span>
				<img slot="icon" slot-scope="props" :src="props.active ? icon.active2 : icon.normal2">
			</van-tabbar-item>
		</van-tabbar> -->
	</div>
</body>
<script src="../lisp/jquery-2.1.4.min.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
<script src="../lisp/fastclick.min.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
<script src="../lisp/vue.min.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
<script src="../lisp/vant/js/vantJs.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
<script src="../lisp/vue-lazyload.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
<script src="../js/constant.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
<script src="../js/common.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
<script src="../lisp/md5.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
<script src="../js/indexOfGift.js?rev=@@hash1808" type="text/javascript" charset="utf-8"></script>

</html>
